<script lang="ts" setup>
  interface InputNumberRangeProps {
    placeholder?: string[];
  }

  withDefaults(defineProps<InputNumberRangeProps>(), {});
</script>

<template>
  <div class="umrp-input-number-range">
    <umrp-input-number :width="100" :placeholder="placeholder?.[0]"></umrp-input-number>
    <div>-</div>
    <umrp-input-number :width="100" :placeholder="placeholder?.[1]"></umrp-input-number>
  </div>
</template>

<style lang="scss" scoped>
  .umrp-input-number-range {
    display: flex;
    align-items: center;
    gap: 10px;
  }
</style>
